// 过滤器 本质是函数 对数据进行处理返回一个我们想要的数据
// 新的键值对 filter  全部注册  局部注册
// 全局注册过滤器 用Vue类来调用里面的方法，或者类方法
// 第一个参数，字符串，过滤器的名字。第二个参数 ，匿名函数，过滤器的函数体，规则
Vue.filter("improvePrice",function(value){
    return "￥"+ value.toFixed(2)
})

let app2 = new Vue({
    el:"#app2",
})


let app = new Vue({
    el:"#app",
    data:{ 
      msg:'hello world',
      books: [
        {
            id: 1,
            name: '《算法导论》',
            date: '2006-9',
            price: 85,
            count: 1

        },
        {
            id: 2,
            name: '《UNIX编程艺术》',
            date: '2006-2',
            price: 59,
            count: 1

        },
        {
            id: 3,
            name: '《编程珠玑》',
            date: '2008-10',
            price: 39,
            count: 1

        },
        {
            id: 4,
            name: '《代码大全》',
            date: '2006-3',
            price: 128,
            count: 1

        }
      ]
    },
    methods: {
        increase(index){
            this.books[index].count++
        },
        decrease(index){    
            this.books[index].count--
        },
        remove(index){
            this.books.splice(index,1)
        }
    },
    computed:{
        totalPrice(){
            let total = 0
            for(const item of this.books){
                total += item.price * item.count
            }
            return total
        }
    },
    filters:{
        //局部定义过滤器
        price(value){
            return "￥"+ value.toFixed(3)
        }
    }
})